<!DOCTYPE html>
<html>
  <head>
		<meta charset="utf-8">
		<meta name="viewport"
			content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui">
		<meta name="mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<title>统计图表</title>
		<link rel="stylesheet" href="../dist/css/framework7.ios.css">
		<link rel="stylesheet" href="../dist/css/framework7.ios.colors.css">
		<link rel="stylesheet" href="css/kitchen-sink.css">
  </head>
  
  <body>
	<div class="views">
	  <div class="view view-main">
	    <div class="navbar">
	      <div class="navbar-inner">
		      <div class="left"><a href="#" class="back link"><i class="icon icon-back"></i><span>Back</span></a></div>
				<div class="center sliding">
					统计图表
				</div>
				<div class="right">
					<a href="#" data-popover=".popover-menu-2" class="open-popover link icon-only"><i class="icon icon-bars"></i></a>
				</div>
	        <!-- Sub navbar -->
	        <div class="subnavbar">
	          <div class="buttons-row">
	            <a href="#chart1" class="button tab-link active" >每周</a>
	            <a href="#chart2" class="button tab-link" >每月</a>
	          </div>
	        </div>
	      </div>
	    </div>
	    <div class="pages navbar-through">
	      <!-- Pag has additional "with-subnavbar" class -->
	      <div data-page="line" class="page with-subnavbar">
	        <div class="page-content hide-bars-on-scroll">
	          <div class="tabs">
	            <div id="chart1" class="tab active">
	              <div class="content-block">
	               <!-- 为ECharts准备一个具备大小（宽高）的Dom -->
	               <div class="center sliding">
    					<iframe src="lineChart.html"  scrolling="no" frameborder="0"></iframe>
	               </div>
	              </div>
	            </div>
	            <div id="chart2" class="tab">
	              <div class="content-block">
	               <div class="center sliding">
	               	   <iframe src="lineChart.html" scrolling="no" frameborder="0"></iframe>
	               	   </div>
	              </div>
	            </div>
	          </div>
	        </div>
	      </div>
	    </div>
	  </div>
	</div>  
		
    

		<script type="text/javascript" src="../dist/js/framework7.js"></script>
		<script type="text/javascript" src="js/kitchen-sink.js"></script>
  </body>
</html>
